<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
	.test {
		width: 200px;
		height: 30px;
		line-height: 30px;
		border: 1px solid red;
		overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	}
	</style>
</head>
<body>

	<div class="test" title="故人西辞黄鹤楼，烟花三月下扬州。孤帆远影碧空尽，唯见长江天际流。">
		故人西辞黄鹤楼，烟花三月下扬州。孤帆远影碧空尽，唯见长江天际流。
	</div>
	
</body>
</html>